<!DOCTYPE html>

{#
可以继承的块
title 页面标题
headerTitle 标题
content 页面内容
scripts 脚本

#}
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <title>{% block title  %}{% endblock  %}</title>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/static/css/app.css" />
</head>
<!-- 定义一些宏，设置图表div时那几个div不用这么麻烦 -->
{# id 图表id , 高度 #}
{% macro chart(id,height="100%",title="默认标题") %}

	<div class="xpanel-wrapper" style="height:{{ height }};" >
							<div class="xpanel">
								<div class="xpanel1" >
									<p id="{{id}}-title">{{title}}</p>
								</div>
								<!-- 企业类型，外企国企等 -->
								<div class="fill-h" id="{{id}}"></div>
							</div>
						</div>
{%- endmacro %}

<body class="bg01">
    <header class="header">
        <h3>{% block headerTitle %}默认标题{% endblock headerTitle %}}</h3>
        {% block header %} {% endblock %}
    </header>

    <div class="wrapper">
        <div class="container-fluid">

            {% block content %}

            {% endblock content %}

        </div>
    </div>

    <script type="text/javascript" src="/static/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="/static/js/echarts.min.js"></script>
    <script type="text/javascript" src="/static/js/theme/theme.js"></script>
    {# echarts 相关的封装 #}
    <script type="text/javascript" src="/static/js/jobs.js"></script>
    {# 工具类封装 #}
    <script type="text/javascript" src="/static/js/tools.js"></script>

    {% block scripts %}

    {% endblock scripts %}

    <script type="text/javascript">

    </script>

</body>

</html>